.left{
    border-right: 1px solid #7D7D7D;
    .leftInfo{
        padding: 30px;
        .leftTitle{
            display: flex;
            margin-bottom: 20px;
            .titleIcon{
                font-size: 27px;
	            color: rgba(24, 144, 255, 1);
            }
            .titleInfo{
                color: rgba(56, 56, 56, 1);
                font-size: 18px;
                font-weight: bold;
                margin-left: 15px;
                margin-right: 15px;
            }
            .cardExtra{
                border-radius: 4px;
                font-size: 12px;
                padding-left: 5px;
                padding-right: 5px;
                border-top-right-radius: 0px;
            }
            .cardExtra1{
                color: rgba(255, 255, 255, 1);
                background-color: rgba(255, 141, 26, 1);
                padding-left: 20px;
                padding-right: 20px;
            }

            .cardExtra2{
                color: rgba(255, 255, 255, 1);
                background-color: rgba(42, 130, 228, 1);
            }

            .cardExtra3{
                color: rgba(166, 166, 166, 1);
                background-color: rgba(229, 229, 229, 1);
            }
        }
        .messageInfo{
            .messageLabel{
                text-align: left;
                margin-bottom: 10px;
                color: rgba(0, 0, 0, 0.45);
                margin-right: 15px;
            }
            .messageValue{
                margin-bottom: 10px;
            }
            .omit{
                width: 80%;
                word-break: break-all;
            }
        }
    }
}

.title{
    color: rgba(80, 80, 80, 1);
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

.right{
    .personList{
        padding: 30px;
        .listTitle{
            color: rgba(56, 56, 56, 1);
            font-size: 18px;
            border-bottom: 1px solid #ccc;
            width: 80%;
            margin-bottom: 10px;
            padding-bottom: 5px;
        }
        .listDetail{
            width: 80%;
            height: 215px;
            overflow: auto;
            padding: 5px;
            .listDetail1{
                display: flex;
                width: 90%;
                padding-bottom: 20px;
                border-bottom: 1px solid #ccc;
                .listDetail-name{
                    color: rgba(56, 56, 56, 1);
                    font-size: 16px;
                    .fileIcon{
                        font-size: 24px;
                        color: rgba(24, 144, 255, 1);
                    }
                }
                .listDetail-no{
                    color: rgba(0, 0, 0, 0.45);
	                font-size: 12px;
                }
            }
            .listDetailRight{
                width: 30%;
                margin-left: auto;
                .listDetail-icon{
                    width: 100%;
                    img{
                        width: 40px;
                        height: 40px;
                        border-radius:50%;
                    }
                }
                .listDetail-no{
                    width: 100%;
                    color: rgba(0, 0, 0, 0.45);
                    font-size: 12px;
                    // text-align: center;
                }
            }
            .blueCircle{
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background-color: rgba(42, 130, 228, 1);
                margin-top:2px
            }
        }
    }
    .relateFile{
        padding: 30px;
        .fileTitle{
            color: rgba(80, 80, 80, 1);
            font-size: 16px;
            font-weight: bold;
            border-bottom: 1px solid rgba(229, 229, 229, 1);
            margin-bottom: 20px;
        }
        .fileList{
            min-width: 200px;
            height: 248px;
            overflow: hidden;
            .fileContent{
                padding-top: 12px;
                padding-bottom: 12px;
                padding-left: 25px;
                padding-right: 25px;
                display: flex;
                .headerOperate{
                    margin-left:auto;
                    padding-right: 8px;
                }
            }
            .fileIcon{
                font-size: 24px;
	            color: rgba(24, 144, 255, 1);
            }
        }
    }
}



.person-icon{
    width: 100%;
    img{
        width: 40px;
        height: 40px;
        border-radius:50%;
    }
}

.photoModal{
    width:500px;
    height:400px;
    display: table-cell;
    vertical-align: middle;
}

.photoModal img,.photoModal video{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}